<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="./css/cart.css">
    <link rel="stylesheet" href="./font/iconfont.css" />
</head>
<body>
    <!-- 头部 -->
    <div class="top">
        <div class="top-container">
          <div class="top-list">
            <div class="mycontent">
              <a href="login.html"><span>登录&nbsp;&nbsp;</span></a>
              <a href="login2.html"><span>注册</span></a>
            </div>
            <span>|</span>
            <div><a href="">帮助中心</a></div>
            <span>|</span>
            <div><a href=""><span class="iconfont icon-iconfonticon1" style="font-size: 20px;"></span>下载APP</a></div>
            <span>|</span>
            <div class="xiahua">
              <a href="">资格证照/协议规定</a>
              <div class="xiahua-die">
                <a href=""><div>资格证照</div></a>
                <a href=""><div>协议规定</div></a>
              </div>
            </div>
          </div>
        </div>
      </div>
  
      <div class="menu-container">
        <div class="logo">
          <img src="./img/logo-bottom-l.png" alt="" />
        </div>
        <div class="menu-nav">
          <ul>
            <li>有品秒杀</li>
            <li>企业采购</li>
          </ul>
        </div>
        <div class="search">
          <span class="iconfont icon-sousuo"></span>
          <input type="text" placeholder="黄金金条" />
        </div>
        <span class="iconfont icon-gouwuche cart-icon"></span>
      </div>
  

      <!-- 菜单 -->

      <div id="goods-con">
       
            <div class="good-title">
                <input type="checkbox" name="all-chick" class="all-chick">
                <span class="all-txt">全选</span>
                <span class="product">商品信息</span>
                <span class="price">单价</span>
                <span class="num">数量</span>
                <span class="total">金额</span>
                <span class="edit">操作</span>
            </div>
            <div class="chat-info">
                <input type="checkbox" name="all-chick" class="all-chick">
                <span class="name">有品精选</span>
                <div class="mijiapost"><span><span class="postimg">!</span>满99.00元免运费</span>
                </div>
            </div>
            <div class="goods-list">
                <div class="cart-con clearfix">
                    <div class="select"> <input type="checkbox" name="one-chick" class="one-chick"></div>
                    <div class="image"><img
                            src="https://img.youpin.mi-img.com/shopmain/ff40d3c87eda04e5a31c16610ee9c99c.png?w=800&h=800"
                            alt=""></div>
                    <div class="list-name">
                        <p>倾厨智能快煮电饭煲 香草白 3L</p>
                    </div>
                    <div class="list-price">￥29</div>
                    <div style="float: left;display: flex; width: 260px;margin-top: 50px;">
                        <div class="goods-div">-</div>
                        <div style="border-top: 1px solid #b3b3b3;
                        border-bottom: 1px solid #b3b3b3;
                        float: left;
                        height: 30px;
                        line-height: 30px;width: 72px;
                        text-align:center
                    ">1</div>
                        <div class="goods-div">+</div>
                    </div>
                    <div class="list-total">￥99</div>
                    <div class="del">
                        <svg fill="#ccc" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36">
                            <path
                                d="M32.5.68,18,15.17,3.5.68A2,2,0,0,0,.68,3.5L15.17,18,.68,32.5A2,2,0,0,0,3.5,35.32L18,20.83,32.5,35.32a2,2,0,0,0,2.82-2.82L20.83,18,35.32,3.5A2,2,0,0,0,32.5.68Z">
                            </path>
                        </svg>
                    </div>
                </div>

            </div>
        </div>
    </div>




<!-- 底部 -->
      <div class="bottom">
        <div class="bottom-container">
          <div class="lft"></div>
          <div class="ctr">
            <ul>
              <li>
                <img src="./img/record-icon..png" alt="">苏公网安备
                32010502010244号&nbsp;&nbsp;©xiaomiyoupin.com&nbsp;&nbsp;苏B2-20180351&nbsp;苏ICP备18025642号-1
              </li>
              <li>企业名称：有品信息科技有限公司&nbsp;关于我们&nbsp;&nbsp;入驻有品&nbsp;&nbsp;知识产权侵权投诉</li>
              <li>小米有品平台运营主体变更公告</li>
              <li>南京市建邺区白龙江东街8号3栋9层</li>
            </ul>
          </div>
          <div class="rgt"></div>
        </div>
      </div>


      <script src="./font/iconfont.js"></script>
      <script src="./js/02ajax.js"></script>
      <script src="./js/cart.js"></script>
      <script src="./js/startmove.js"></script>
</body>
</html>